import store from '@/store'
import router from './router'
// 路由导航守卫
router.beforeEach(async(to, from, next) => {
  const token = store.getters.token
  const url = to.path
  const whiteList = ['/login', '/404', '/test']
  // 1. 已经登录 去登录页 => 首页
  if (token && url === '/login') {
    next('/')
  }
  // 2. 已经登录 去其他页 => 放行
  if (token && url !== '/login') {
    // 先加载用户资料
    if (!store.state.user.userInfo.userId) {
      await store.dispatch('user/getUserInfo')
      // 确保拿完用户数据以后进去权限处理
      // 因为需要同时根据权限，恢复菜单和首页路由（不是同一个东西
      // 这里的逻辑可以封装在vuex里
      // 个人权限列表menu
      const menus = store.state.user.userInfo.roles.menus
      // store.dispatch('permission/filtersRoutes', menus)
      const routes = await store.dispatch('permission/filtersRoutes', menus)
      // 添加路由
      router.addRoutes([
        ...routes,
        { path: '*', redirect: '/404', hidden: true }
      ])
      next(url)
      return
    }
    next()
  }
  // 3. 未登录 在白名单 => 放行
  if (!token && whiteList.indexOf(url) > -1) {
    next()
  }
  // 4. 未登录 不在白名单 => 登录页
  if (!token && whiteList.indexOf(url) === -1) {
    next('/login')
  }
})
